<template>
  <div class="cart-none">
    <img src="@/assets/images/none.png">
    <p>购物车内暂时没有商品</p>
    <XtxButton type="normal" class="btn" @click="$router.push('/')">继续逛逛</XtxButton>
  </div>
</template>

<script>
import XtxButton from '@/components/library/xtx-button.vue'
export default {
  name: 'CartNone',
  components: { XtxButton }
}
</script>

<style scoped lang="less">
.cart-none{
  background-color: #fff;
  text-align: center;
  padding: 150px 0;
  img{
    width: 180px;
  }
  p{
    color:#999;
    padding: 20px 0;
  }
  .btn{
    background-color: @xtxColor;
    color: #fff;
  }
}

</style>
